<template>
    <div class="top">
        <div class="left">
            <el-select v-model="value" filterable placeholder="名称" size="large" class="select">
                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
            </el-select>

        </div>
        <div class="left">
            <el-select v-model="value" filterable placeholder="流程名称" size="large" class="select">
                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
            </el-select>

        </div>


</div>
</template>

<script lang="ts">



import { defineComponent } from 'vue'
import { ref } from "vue"
export default defineComponent({
    setup() {
        const input = ref("")
        const value = ref("")
        const options = [
            {
                value: "OPtion1",
                label: "option1"
            }
        ]
        return {
            input,
            value,
            options
        }
    }

})

</script>

<style scoped>
.top {
    display: flex;
}

.select {
    width: 134px;
    margin-right: 10px;
}

.left {
    display: flex;

}


</style>